<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido"> 
            <f:view>  
                <h:form>
                    <h:panelGrid columns="1" style="width:50%;margin: 0px auto;">
                        <p:commandButton action="#{MBSede.nuevo()}" value="AGREGAR SEDE" ajax="false" />
                    </h:panelGrid> 
                </h:form>
                <h:form>
                    <p:panel id="pnlBusquedaSede" header="Consultar Sedes" style="width:50%;margin: 5px auto" 
                             toggleable="true" widgetVar="buscar" collapsed="#{BKSede.listaSedesActivas ne null}" > 

                        <h:panelGrid columns="2" > 

                            <h:outputText value="EMPRESA: " rendered="false" style="font-weight: bold"/>
                            <p:selectOneMenu id="cbxSedeEmpresa" required="true" rendered="false"
                                             value="#{BKSede.sedeBusqueda.idEmpresa.id}"
                                             disabled="#{BKSede.listaEmpresas eq null?'true':'false'}"> 
                                <f:selectItems value="#{BKSede.listaEmpresas}"/>               
                            </p:selectOneMenu> 

                            <h:outputText value="NOMBRE: " style="font-weight: bold" />
                            <p:inputText style="text-transform: none !important" value="#{BKSede.sedeBusqueda.nombre}" size="40" maxlength="100"/>

                            <h:outputText value="DIRECCION: " style="font-weight: bold" />
                            <p:inputText onkeyup="cambiarMayuscula(this)" value="#{BKSede.sedeBusqueda.direccion}" size="40" maxlength="150"/>


                        </h:panelGrid>

                        <br/>
                        <h:panelGrid columns="5" > 

                            <h:outputText id="lblTiendaSede" value="TIENDA " style="font-weight: bold"/> 
                            <p:selectBooleanCheckbox id="chbxTiendaSede"  value="#{BKSede.tiendaBusqueda}"/> 
                            <p:spacer width="40" height="10" />
                            <h:outputText id="lblAlmacenSede" value="ALMACEN" style="font-weight: bold"/> 
                            <p:selectBooleanCheckbox id="chbxAlmacenSede" value="#{BKSede.almacenBusqueda}" /> 

                        </h:panelGrid>
                        <br/>
                        <h:panelGrid columns="3" columnClasses="label, value" styleClass="grid">
                            <p:commandButton id="btnBuscarCategoria" actionListener ="#{MBSede.buscarSedes}" value="BUSCAR"  
                                             update="dataTablaSede" oncomplete="listaSedes.show();buscar.toggle()" 
                                             styleClass="ui-priority-primary" 
                                             style="font-size: 12px"/>
                        </h:panelGrid>  
                    </p:panel>
                    <br/>
                    <p:panel header="Lista de Sedes" closable="true" visible="#{(BKSede.listaSedesActivas eq null)?false:true}"
                             widgetVar="listaSedes">

                        <p:dataTable id="dataTablaSede" var="sede" value="#{BKSede.listaSedesActivas}" 
                                     widgetVar="carsTable" emptyMessage="No se encontraron categorias" 
                                     filteredValue="" paginator="true" rows="10" 
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" 
                                     rowsPerPageTemplate="10,20,30"  rowIndexVar="rowIndex"
                                     paginatorPosition="bottom" styleClass="datable-busqueda"> 
                            <f:facet name="header" >
                                <p:outputPanel layout="block" >
                                    <h:commandButton value="Exportar EXCEL">  
                                        <p:dataExporter type="xls" target="dataTablaSede" fileName="sedes" />  
                                    </h:commandButton>  

                                    <h:commandButton value="Exportar PDF">  
                                        <p:dataExporter type="pdf" target="dataTablaSede" fileName="sedes"/>  
                                    </h:commandButton>
                                </p:outputPanel>

                            </f:facet>
                            <p:column id="idColumnaNum" headerText="Num." style="width: 5%"> 
                                <h:outputText value="#{rowIndex+1}" /> 
                            </p:column>

                            <p:column id="idColumnaNombre" sortBy="#{sede.nombre}" style="text-align: center"> 
                                <f:facet name="header">  
                                    <h:outputText value="Nombre" />  
                                </f:facet> 
                                <h:outputText value="#{sede.nombre}" /> 
                            </p:column>

                            <p:column id="idColumnaDireccion" sortBy="#{sede.direccion}" style="text-align: center"> 
                                <f:facet name="header">  
                                    <h:outputText value="Direccion" />  
                                </f:facet> 
                                <h:outputText value="#{sede.direccion}" /> 
                            </p:column>

                            <p:column id="idColumnaTienda" style="text-align: center"> 
                                <f:facet name="header">  
                                    <h:outputText value="Tienda" />  
                                </f:facet> 
                                <h:outputText value="#{sede.esTienda eq 1?'SI':'NO'}" /> 
                            </p:column>

                            <p:column id="idColumnaAlmacen" style="text-align: center"> 
                                <f:facet name="header">  
                                    <h:outputText value="Almacen" />  
                                </f:facet> 
                                <h:outputText value="#{sede.esAlmacen eq 1 ? 'SI' :'NO'}" /> 
                            </p:column>

                            <p:column id="idAccionesSedes" headerText="Acciones" exportable="false" style="text-align: center">
                                <p:commandButton icon="ui-icon-search" title="Ver" action="#{MBSede.ver()}" immediate="true" ajax="false">
                                    <f:setPropertyActionListener value="#{sede}" target="#{BKSede.sedeFormulario}" />  
                                </p:commandButton>
                                <p:commandButton icon="ui-icon-pencil" title="Editar" action="#{MBSede.editar()}" immediate="true" ajax="false"
                                                 >
                                    <f:setPropertyActionListener value="#{sede}" target="#{BKSede.sedeFormulario}" />  
                                </p:commandButton>  
                                <p:commandButton id="btnEliminarSedes" title="Eliminar" icon="ui-icon-trash"  oncomplete="confirmacion.show()"
                                                 disabled="#{sede.sedeAdministradora eq 1?true:false}">
                                    <f:setPropertyActionListener value="#{sede}" target="#{BKSede.sedeSeleccionado}" />
                                </p:commandButton>
                            </p:column>

                        </p:dataTable>	
                    </p:panel>

                    <p:confirmDialog id="dlgEliminarSede" message="¿ Desea realmente eliminar esta sede ?"
                                     header="Eliminar Sede" severity="alert" widgetVar="confirmacion">
                        <center>
                            <p:commandButton id="btnConfEliSede" update="dataTablaSede" value="Si"  oncomplete="confirmacion.hide()"   
                                             actionListener="#{MBSede.eliminar}" />  
                            <p:commandButton id="btnCancEliSede" value="No" onclick="confirmacion.hide()" type="button" />   
                        </center>    

                    </p:confirmDialog>		 
                </h:form>
            </f:view>    
        </ui:define>
    </ui:composition>
</html>   